<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重点关注客户负面信息概览</title>
    <link rel="stylesheet" href="./login.css"/>
</head>
<body>
  <div class="login-box">
    <div class="login-box-content">
      <div class="login-box-center">
        <div class="login-content-icon">
          <img src="./img/login_icon.png" alt="">
        </div>
        <div class="login-content-main">
          <div class="content-title">伟本信息化管理系统</div>
          <!-- 错误信息 -->
          <div class="content-error-text" v-show="errorShow">
            <div class="content-error">
              <i>!</i>
            </div>
            <span>登录名或者登录密码不正确</span>
          </div>
          <div class="content-form">
            <div class="content-username"><input type="text" placeholder="用户名"></div>
            <div class="content-password"><input type="text" placeholder="密码"></div>
          </div>
          <div class="content-remb">
            <div class="content-remb-box">
              <span>✔</span>
            </div>
            <span>记住用户名&密码</span>
          </div>
          <div class="content-btn">登录</div>
          <div class="content-tagging">
            提示: 为了获得更好的体验，建议使用谷歌,IE10+或
            火览器进行访问建议采用分辨率1920*1080以
            达到最佳显示效果</div>
        </div>
      </div>
    </div>
  </div>
  <script>
    remberPassword();
    function remberPassword() {
      let ele = document.querySelector('.content-remb-box');
      let sp = document.querySelector(".content-remb-box span")
      ele.addEventListener('click', function() {
        let clasN = sp.className;
        if(!clasN || clasN === 'show') {
          sp.className  = "hidden"
        } else if(clasN === 'hidden') {
          sp.className  = "show"
        }
      })
    }
  </script>
</body>
</html>
